/* 公共标题 */
.com-title{border-bottom: #f60 6px solid; line-height: 40px;}


/* 菜单-轮播 */
/* 菜单 */
.mslide-menu{width: 200px; position: absolute; top: -30px;}
.mslide-menu h2{height: 30px; line-height: 30px; color: white; background-color: #93d46f; text-align: center; cursor: pointer;}
.mslide-menu ul{display: none;}

.mslide-menu li p{line-height: 31px; text-indent: 20px; position: relative; z-index: 200; background-color: #f3f3f3;}
.mslide-menu li div{width: 580px; height: 500px; border: 1px solid #f60; position: absolute; left: 200px; top: 0; z-index: 199; display: none; background-color: #fff; padding:0 73px 0 35px; box-sizing: border-box;}
.mslide-menu li:hover P{width: 200px; border: 1px solid #f60; border-right: none; background-color: #fff;}
.mslide-menu li:hover div{display: block;}

.mslide-menu li div h3{line-height: 31px;}
.mslide-menu li div h3 span{margin-right: 35px;}
.mslide-menu li div dt{border-bottom: 1px solid #e6e6e6;margin-top: 12px; padding-bottom: 4px;}
.mslide-menu li div dt a{color: #f60;font-size: 16px;}
.mslide-menu li div dd a{margin-right: 5px; font-size: 12px;}

.mslide-right{width: 200px; height: 432px; box-sizing: border-box;}
.mslide-right h3{height: 30px; line-height: 30px; background-color: #93d46f; color: white;}
.mslide-right ul li{height: 42px; border: 1px solid; position: relative;  box-sizing: border-box; overflow: hidden;}
.mslide-right ul li span{width: 20px; line-height: 20px; text-align: center; background-color:#b3b3b3; position: absolute; top: 0; right: 0;}
.mslide-right ul li img{width: 100px;}
.mslide-right ul li p{padding-top: 20px;}
.mslide-right ul li:first-child{height: 140px;}
.mslide-right ul li:first-child img{margin-top: 20px;}

/* 图书折购区 */
.recommend .com-title span{display: inline-block; line-height: 40px; background-color: #f60; color: white;padding-right: 10px;}

.recommend ul li{box-sizing: border-box; float: left; width: 210px; height: 250px; margin-right: 37px; margin-bottom: 20px;}
.recommend ul li p{line-height: 26px;}

.recommend ul li:nth-child(6){margin-right: 0;}
.recommend ul li:nth-child(11){margin-right: 0;}
.recommend ul li:hover{background-color: #f2f2f2;}

/* 新书推荐 */
.book .com-title{width: 900px;}
.book .com-title span{ background-color: #f60; padding: 0 10px; margin-right: 5px; color: white;}

.book-left{width: 900px; height: 494px; border: 2px solid #e6e6e6; border-top: none; box-sizing: border-box;}
.book-left li{float: left; width: 170px; height: 246px; margin-left: 9px; padding: 10px 10px 0 10px; box-sizing: border-box;}
.book-left li p{text-indent: 10px; padding: 3px 0;}

.book-right{width: 280px; height: 500px; position: relative; top: -6px; border: 1px solid #e6e6e6; box-sizing: border-box;}
.book-right ul li{position: relative; line-height: 42px; border-bottom: 1px solid #e6e6e6;}
.book-right ul li:last-child{border: none;}
.book-right ul li span{position: absolute;top: 0px; left: -18px;}
.book-right ul li div{line-height: 18px; display: none;}
.book-right ul li .active{display: none;}
.book-right ul li .on{display: block;}

/* 独家提供 */
.putaway{border-bottom: 2px solid #e6e6e6;}
.putaway .com-title span{ background-color: #f60; padding: 0 10px; margin-right: 5px; color: white;}
.putaway-menu li{float: left; width: 100px; line-height: 40px; text-align: center; cursor: pointer;}
.putaway-menu li.active{background-color: #f60; color: #fff;}

.putaway-content{width: 1080px; margin: 0 auto;}
.putaway-content div{float: left; width: 180px; height: 220px;padding: 10px 10px 0 10px; box-sizing: border-box;}
.putaway-content div p{text-indent: 10px;}
.putaway-content div img{width: 150px !important; height: 150px !important;}

.putaway-lider{display: none;}
.putaway-lider.on{display: block;}

/* 猜你喜欢 */
.guess .com-title span{ background-color: #f60; padding: 0 10px; margin-right: 5px; color: white;}
.guess .com-title p{color: #468bfd; cursor: pointer;}

.guess-content{border-bottom: 2px solid #e6e6e6; padding-bottom: 20px;}
.guess-content div{float: left; width: 180px; height: 220px; margin-left: 20px; padding: 10px 10px 0 10px; box-sizing: border-box;}
.guess-content div p{text-indent: 10px;}
.guess-content div img{width: 150px !important; height: 150px !important;}

.guess-top ul{padding-top: 30px; padding-bottom: 20px;}
.guess-top li{float: left;}
.guess-top li img{width: 200px; height: 110px;}

